<template>
      <el-pagination
        background
        @size-change="sizeChange"
        @current-change="currentChange"
        :current-page="pageNo"
        :page-sizes="[10, 25, 50, 100]"
        :page-size="pageSize"
        layout="total, sizes, prev, pager, next, jumper"
        :total="total">
      </el-pagination>
</template>

<script>
import {
    defineComponent
} from 'vue';

export default defineComponent({
    'name': 'pagination',
    'props':{
        //总页数
        'total':{
            'type':Number,
            'default':()=>0
        },
        //当前页
        'pageNo':{
            'type':Number,
            'default':()=>1
        },
        //每页条数
        'pageSize':{
            'type':Number,
            'default':()=>10
        },
        //是否显示分页
        'pagination':{
            'type':Boolean,
            'default':()=>true
        }
    },

    'methods':{
        sizeChange(val) {
            this.$emit('handleSizeChange',val);
        },
        currentChange(val) {
            this.$emit('handleCurrentChange',val);
        }
    }
});
</script>

<style scoped lang="less">
</style>
